<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JS日历</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">

    <h2><span id="nian"></span>年<span id="yue"></span>月</h2>

    <div class="week">
        <span>日</span>
        <span>一</span>
        <span>二</span>
        <span>三</span>
        <span>四</span>
        <span>五</span>
        <span>六</span>
    </div>


    <div class="date date-1" id="date1">

    </div>



      <div style="display: none" class="date date-2">
        <span class="h">28</span>
        <span class="h">29</span>
        <span class="h">30</span>
        <span>1</span>
        <span>2</span>
        <span>3</span>
        <span>4</span>
        <span>5</span>
        <span>6</span>
        <span>7</span>
        <span>8</span>
        <span>9</span>
        <span>10</span>
        <span>11</span>
        <span>12</span>
        <span>13</span>
        <span>14</span>
        <span>15</span>
        <span class="today">16</span>
        <span>17</span>
        <span>18</span>
        <span>19</span>
        <span>20</span>
        <span>21</span>
        <span>22</span>
        <span>23</span>
        <span>24</span>
        <span>25</span>
        <span>26</span>
        <span>27</span>
        <span>28</span>
        <span>29</span>
        <span>30</span>
        <span>31</span>
        <span class="h">1</span>
        <span class="h">2</span>
        <span class="h">3</span>
        <span class="h">4</span>
        <span class="h">5</span>
        <span class="h">6</span>
        <span class="h">7</span>
        <span class="h">8</span>
    </div>


</div>







<script src="JavaScript.js"></script>
</body>
</html>